<!DOCTYPE html>
{% load static %}
<html lang="en">

<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="description" content="">
    <meta name="author" content="">
    <title>{% block title %}{% endblock %}矿场管理平台</title>
    <link href="{% static 'css/bootstrap.min.css' %}" rel="stylesheet">
    <link href="{% static 'css/bootstrap-reset.css' %}" rel="stylesheet">
    <link href="{% static 'css/animate.css' %}" rel="stylesheet">
    <link href="{% static 'assets/font-awesome/css/font-awesome.css' %}" rel="stylesheet" />
    <link href="{% static 'assets/ionicon/css/ionicons.min.css' %}" rel="stylesheet" />
    <link href="{% static 'css/style.css' %}" rel="stylesheet">
    <link href="{% static 'css/helper.css' %}" rel="stylesheet">
    {% block css %}{% endblock %}
</head>

<body>
    <aside class="left-panel">
        <div class="logo">
            <a href="{% url 'cmdb:index' %}" class="logo-expanded">
                <i class="iconfont icon-Ant"></i>
                <span class="nav-label">矿场管理平台</span>
            </a>
        </div>
        <nav class="navigation">
            <ul class="list-unstyled">
                <li class="index"><a href="{% url 'cmdb:index' %}"><i class="ion-home"></i> <span
                            class="nav-label">仪表盘</span></a></li>
                <li class="has-submenu cmdb"><a href="#"><i class="fa fa-server"></i> <span
                            class="nav-label">资产管理</span></a>
                    <ul class="list-unstyled">
                        <li class="minefieldlist"><a href="{% url 'cmdb:overview' %}">资产总览</a></li>
                        <li class="storagelist"><a href="{% url 'cmdb:storagelist' %}">机器信息</a></li>
                    </ul>
                </li>
                <li class="has-submenu task"><a href="#"><i class="fa fa-tasks"></i> <span
                            class="nav-label">任务系统</span></a>
                    <ul class="list-unstyled">
                        <li class="general-task-add"><a href="{% url 'task:task_add' %}">通用任务</a></li>
                        <li class="tasks"><a href="{% url 'task:task_list' %}">任务列表</a></li>
                    </ul>
                </li>
            </ul>
        </nav>
    </aside>
    <section class="content">
        <header class="top-head container-fluid">
            <button type="button" class="navbar-toggle pull-left">
                <span class="sr-only">Toggle navigation</span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
            </button>
            <nav class=" navbar-default" role="navigation">
                <ul class="nav navbar-nav navbar-right top-menu top-right-menu">
                    <li class="dropdown text-center">
                        <a data-toggle="dropdown" class="dropdown-toggle" href="#">
                            <img alt="" src="{% static 'img/avatar-2.jpg' %}" class="img-circle profile-img thumb-sm">
                            <span class="username"> {{ request.user }} </span> <span class="caret"></span>
                        </a>
                        <ul class="dropdown-menu pro-menu fadeInUp animated" tabindex="5003"
                            style="overflow: hidden; outline: none;">
                            <li><a href="#"><i class="fa fa-edit"></i> 修改密码</a></li>
                            <li><a href="#"><i class="fa fa-sign-out"></i> 退出</a></li>
                        </ul>
                    </li>
                </ul>
            </nav>
        </header>
        <div class="wraper container-fluid">
            <div class="page-title">
                <h3 class="title">{% block page-title %}{% endblock %}</h3>
            </div>
            {% block page-content %}
            {% endblock %}
        </div>
    </section>
    <script src="{% static 'js/jquery.js' %}"></script>
    <script src="{% static 'js/bootstrap.min.js' %}"></script>
    <script src="{% static 'js/wow.min.js' %}"></script>
    <script src="{% static 'js/pace.min.js' %}"></script>
    <script src="{% static 'js/jquery.app.js' %}"></script>
    <script src="{% static 'js/jquery.nicescroll.js' %}"></script>
    {% block js %}
    {% endblock %}
</body>

</html>